<template>
	<div class="clearfix">
		<app-nav></app-nav>
		<app-view class="clearfix"></app-view>
	</div>
</template>

<script>
	import AppNav from './commons/AppNav.vue'
	import AppView from './commons/AppView.vue'
	import $ from 'jquery'
	export default {
		name: "layout",
		components:{
			AppNav,
			AppView
		},
		methods:{
			windowResize: function(){
				$('.app-content').css({
					"height": (document.body.clientHeight - 32) + 'px'
				})
				$('.app-sidebar').css({
					"height": (document.body.clientHeight - 32) + 'px'
				})
			}
		},
		mounted: function(){
			this.windowResize()
			window.onresize = this.windowResize
		}
	}
</script>

<style>
</style>
